<template>
  <tc-view class="container">
    <img :src="image" alt="">
  </tc-view>
</template>

<script lang="ts">
  import { Component, Emit, Inject, Model, Prop, Provide, Vue, Watch } from 'vue-property-decorator'

  @Component
  export default class TcImage extends Vue{
    @Prop({ default: '' })
    image: string
  }
</script>

<style lang="less" scoped>
@import (reference) "~@/less/resources.less";
.container{
  margin-top: @separation;

  img{
    width: 100%;
    height: 100%;
    border-radius: @border-radius;
  }
}
</style>
